<div class="box">
    <!-- /.box-header -->
    <div class='box-head'>
        <table>
            <thead>
                <tr>
                    <th style="width: 5%">序号</th>
                    <th style="width: 6%">当事人名称</th>
                    <th style="width: 25%">地址</th>
                    <th style="width: 10%">线索来源</th>
                    <th style="width: 10%">登记时间</th>
                    <th style="width: 6%">当前办理人</th>
                    <th style="width: 8%">办理事项</th>
                    <th style="width: 15%">办理机关</th>
                    <th style="width: 5%">线索状态</th>
                    <th style="width: 10%">操作</th>
                </tr>
            </thead>
        </table>
    </div>

    <div class="box-body">
        <table class="m-table  m-table-striped" *ngIf="pageList;else elseBlock">
            <tbody>

                <tr *ngFor="let page of pageList;let i = index;">
                    <td style="width:5%">{{(i+1)}}</td>

                    <td style="width: 6%">
                        <span placement="bottom" ngbTooltip="{{page.partyName}}">
                {{page.partyName}}
            </span>
                    </td>
                    <td style="width: 25%">
                        <span placement="bottom" ngbTooltip=" {{page.addressDetails}}">
                  {{page.addressDetails}}
              </span>
                    </td>
                    <td style="width: 10%">
                        <span placement="bottom" ngbTooltip=" {{page.clueSource|clueSource}}">
                {{page.clueSource|clueSource}}
            </span>
                    </td>
                    <td style="width: 10%">
                        <span placement="bottom" ngbTooltip="{{page.registerDate}}">
              {{page.registerDate}}
          </span>
                    </td>
                    <td style="width: 6%">
                        <span placement="bottom" ngbTooltip="{{page.partyPerson}}">
              {{page.partyPerson}}
          </span>
                    </td>

                    <td style="width: 8%">
                        <span placement="bottom" ngbTooltip="{{page.partyItem}}">
                {{page.partyItem}}
            </span>
                    </td>

                    <td style="width: 15%">
                        <span placement="bottom" ngbTooltip="{{page.registerDepart|clueDepart}}">
                  {{page.partyDepart|clueDepart}}
              </span>
                    </td>

                    <td style="width: 5%">
                        <span placement="bottom" ngbTooltip=" {{page.clueStatus|clueStatus}}">
                  {{page.clueStatus|clueStatus}}
              </span>
                    </td>
                    <td style="width: 10%">
                        <ng-container *ngIf="page.clueStatus=='03'">
                            <span class='table-add'> <a class='steps_btn_look' [routerLink]='["cluedetail",page.id]'>查看</a></span>
                        </ng-container>
                        <ng-container *ngIf="page.clueStatus!='03'">
                            <span class='table-add' *ngIf="page.partyPerson==sessionUser"> <a class='steps_btn_handle' [routerLink]='["editclue",page.id]'>办理</a></span>
                            <span class='table-add' *ngIf="page.partyPerson!=sessionUser"> <a class='steps_btn_look' [routerLink]='["cluedetail",page.id]'>查看</a></span>
                        </ng-container>
                    </td>
                </tr>
            </tbody>
        </table>
        <ng-template #elseBlock>
            <div style="margin:0 auto;position: relative;height:100%;">
                <img style="position: absolute;width:180px;height:150px; top: 50%;left: 50%;transform:translate(-50%,-50%);" src=''>
                <p style="
              transform:translate(-50%,-50%);
              position: absolute; 
              font-size:18px;
              width:180px;
              height:150px; 
              text-align: center;
              margin-top:150px;
              top:50%;
              left: 50%;" class="ant-empty-description"> 暂无数据 </p>
            </div>
        </ng-template>

    </div>
    <div class="box-footer clearfix">
        <app-paginator #paginator (goPage)="goToPage($event)" (goNext)="onNext($event)" (goPrev)="onPrev($event)" (goFirst)="onFirst($event)" (goLast)="onLast($event)" (goSelect)="onSelect($event)" [selectedLimit]="selectedLimit" [limitOptions]="limitOptions"
            [total]='total'></app-paginator>
    </div>
</div>